<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

</head>

<body>
    <!-- 
        substr()方法可在字符串中抽取从开始的指定数字数目的字符。
        提示：substr()的参数指定的是字串的开始位置和长度，因此它可以替代substring()和slice()来使用。
        注意：substr()方法不会改变源字符串  

        语法：string.substr(start:必填，要抽取字串的起始。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置，也就是说，-1指字符串中的最后一个字符，-2指倒数第二个字符，以此类推。
        length:可选，字串中的字符数。必须是数值。如果省略了该参数，那么返回从stringObject的开始位置道结尾的字串)

     -->
    <p id="demo">点击按钮获取截取字符串</p>
    <button onclick="myFunction()">点我</button>

    <script>
        function myFunction() {
            var str = "Hello world!";
            var n = str.substr(2);
            document.getElementById("demo").innerHTML = n;
            //返回结果是"llo world!"
        }
    </script>

    <!-- substring()方法用于提取字符串中介于两个指定下标之间的字符 
         substring()方法返回的字串包括开始处的字符,不包括结束的字符 
        语法:str.substring(from	必需。一个非负的整数，规定要提取的子串的第一个字符在 string Object 中的位置。
        to	可选。一个非负的整数，比要提取的子串的最后一个字符在 string Object 中的位置多 1。
        如果省略该参数，那么返回的子串会一直到字符串的结尾)
    -->
    <p id="demo1">请点击下面的按钮</p>
    <button onclick="myFunction1()">点击</button>
    <script>
        function myFunction1(){
            var str="Hello world!!";
            var n=str.substring(2,6);
            document.getElementById("demo1").innerHTML=n;
        }
    </script>
</body>

</html>